<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!-- 需要放在头部 -->
		<!-- <script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.2/??flexible_css.js,flexible.js"></script> -->
		<script src="js/flexible.js" type="text/javascript" charset="utf-8"></script>
		<title>Xiaomi 11 Utra</title>
		<link rel="stylesheet" type="text/css" href="css/public.css"
			media="(min-device-width:320px) and (max-device-width:720px)" />
		<link rel="stylesheet" type="text/css" href="css/commodity-details/commodity-details.css" />
		<link rel="stylesheet" type="text/css" href="css/commodity-details/max700.css"
			media="(min-device-width:700px)" />
		<link rel="icon" type="text/css" href="img/favicon.ico" />
	</head>
	<body>
		<!-- 商品详情 -->
		<div class="APP">
			<div class="APP-header">
				<div class="header">
					<a href="#">
						<div class="left"></div>
					</a>
					<div class="center">
						<a class="tev">商品</a>
						<a>评价</a>
						<a>详情</a>
						<a>推荐</a>
					</div>
					<div class="right"></div>
				</div>
			</div>

			<div class="hint">
				<div>!成功加入购物车</div>
			</div>
			<!-- 蒙版 -->
			<div class="masking">
				<div class="purchase">
					<div class="purchase-total" style="display: none;">
						<div class="purchase-commodity">
							<div class="close" onclick="closes()">
								<img src="img/commodity-details/x.png">
							</div>
							<div class="commodity">
								<div class="commodity-img">
									<img src="img/commodity-details/yc.png" />
								</div>
								<div style="padding:0 .2rem;">
									<div class="prices">
										<div class="price-s1">
											<span>￥5999</span>
										</div>
										<div class="price-k1">
											<span>￥6499</span>
										</div>
									</div>
									<div class="pro-names">Xiaomi 11 Ultra 12GB+256GB 陶瓷白
									</div>
								</div>
							</div>
						</div>
						<div class="commodity-roll">
							<div class="versions">
								<div>
									<div class="versions-roll">
										<!-- 滚动 -->
										<div class="versions-rolls">
											<div class="center-versions">
												<span>版本</span>
												<div class="options-group">
													<div class="ui-flex on">
														<!---->
														<p>12GB+256GB</p>
													</div>
													<div class="ui-flex">
														<!---->
														<p>8GB+256GB</p>
													</div>
													<div class="ui-flex">
														<!---->
														<p>12GB+512GB</p>
													</div>
												</div>
											</div>
											<div class="center-versions">
												<span>颜色</span>
												<div class="options-group">
													<div class="ui-flex on">
														<!---->
														<p>陶瓷白</p>
													</div>
													<div class="ui-flex">
														<!---->
														<p>陶瓷黑</p>
													</div>
												</div>
											</div>

											<div class="center-versions">
												<span>套餐</span>
												<div class="options-group">
													<div class="ui-flex on">
														<!---->
														<p>标配</p>
													</div>
													<div class="ui-flex">
														<!---->
														<p>套餐版 (赠充电器)</p>
													</div>
												</div>
											</div>

											<div class="center-versions">
												<div class="nums">
													<span>购买数量</span>
													<div class="plus-num">
														<i class="icon-sub"></i>
														<div class="input-num">
															<span>1</span>
														</div>
														<i class="icon-add"></i>
													</div>
												</div>
											</div>

											<div class="center-versions">
												<span>小米服务</span>


												<div class="versions-fw">
													<div>
														<img src="img/commodity-details/zs.png"
															style="width: .45rem;" />
														<div>尊享服务</div>
													</div>
													<div>
														<img src="img/commodity-details/gant.png"
															style="width: .40rem;" />
														<div>服务介绍</div>
													</div>
												</div>
												<div class="options-groups">

													<div class="ui-flex">
														<!---->
														<p>MiCare保障服务
														<p>949元</p>
														</p>
													</div>
												</div>


												<div class="versions-fw">
													<div>
														<img src="img/commodity-details/zs.png"
															style="width: .45rem;" />
														<div>意外保护</div>
													</div>
													<div>
														<img src="img/commodity-details/gant.png"
															style="width: .40rem;" />
														<div>服务介绍</div>
													</div>
												</div>


												<div class="options-groups">

													<div class="ui-flex">
														<!---->
														<p>碎屏保护服务
														<p>319元</p>
														</p>
													</div>
													<div class="ui-flex">
														<!---->
														<p>意外保障服务
														<p>699元</p>
														</p>
													</div>
												</div>


												<div class="versions-fw">
													<div>
														<img src="img/commodity-details/zs.png"
															style="width: .45rem;" />
														<div>延长保修</div>
													</div>
													<div>
														<img src="img/commodity-details/gant.png"
															style="width: .40rem;" />
														<div>服务介绍</div>
													</div>
												</div>


												<div class="options-groups">
													<div class="ui-flex">
														<!---->
														<p>延长保修服务
														<p>199元</p>
														</p>
													</div>
												</div>


												<div class="versions-fw">
													<div>
														<img src="img/commodity-details/zs.png"
															style="width: .45rem;" />
														<div>云空间服务</div>
													</div>
													<div>
														<img src="img/commodity-details/gant.png"
															style="width: .40rem;" />
														<div>服务介绍</div>
													</div>
												</div>

												<div class="options-groups">

													<div class="ui-flex">
														<!---->
														<p>云空间200G月卡
														<p>1元</p>
														</p>
													</div>
													<div class="ui-flex">
														<!---->
														<p>云空间年卡200G
														<p>208元</p>
														</p>
													</div>

													<div class="ui-flex">
														<!---->
														<p>云空间年卡 50G
														<p>58元</p>
														</p>
													</div>

													<div class="ui-flex">
														<!---->
														<p>云空间月卡 50G
														<p>6元</p>
														</p>
													</div>

												</div>



											</div>

										</div>
									</div>
								</div>
							</div>
							<div class="an">
								<div class="versions-button" onclick="settle()">确定</div>

								<div class="bottom-submit2" style="display: none;">
									<div class="bottom-buy" onclick="settle()">加入购物车</div>
									<div class="bottom-buyto" onclick="settle()">立即购买</div>
								</div>
							</div>
						</div>
					</div>
					<div class="purchase-total" style="display: none;">
						<div class="purchase-commodity">
							<div class="close" onclick="closes()">
								<img src="img/commodity-details/x.png">
							</div>
							<div class="commodity-two">
								<span>收货地址</span>
							</div>
						</div>
						<div class="commodity-roll">
							<div class="versions">
								<div>
									<div class="versions-roll">
										<!-- 滚动 -->
										<div class="versions-rolls">
											<div class="center-versions">
												<div class="settles">
													<div class="site">
														<div>
															<img src="img/commodity-details/dw.png"
																style="width: .5rem;">
															<span name="user">邓明猴</span>
															<span name="phone">浙江</span>
														</div>
														<div class="dz">
															<p name="site">金华 义乌市 义乌人民法院</p>
														</div>
													</div>
													<div class="site">
														<div>
															<img src="img/commodity-details/dw.png"
																style="width: .5rem;">
															<span name="user">邓磊孙仔</span>
															<span name="phone">浙江</span>
														</div>
														<div class="dz">
															<p name="site">杭州市 萧山区 萧山中级法院</p>
														</div>
													</div>
												</div>
											</div>

										</div>
									</div>
								</div>
							</div>
							<div class="an">
								<div class="versions-button" onclick="settles()">选择新地址</div>
							</div>
						</div>


					</div>
				</div>
			</div>

			<div class="APP-total">
				<div class="APP-totwo">

					<!-- 滚轮元素 -->
					<div class="APP-center">
						<div class="img-show">
							<div>
								<div class="img">
									<img src="img/commodity-details/f6310e59efa036af82a0c880a44023c0.jpg" />
									<img src="img/commodity-details/391733c47c1b633037aeb304ad921215.jpg" />
									<img src="img/commodity-details/de3477cfd052229502825df07aa7022c.jpg" />
									<img src="img/commodity-details/7a9ea15a6f38c539cbf9c934e6b1c2e3.jpg" />
									<img src="img/commodity-details/937165cc93aee956c2d8a8c61844819f.jpg" />
									<img src="img/commodity-details/41982cf2f68061be07ba712e5158843d.jpg" />
									<img src="img/commodity-details/a95faefd16af37085a5044ace9b44532.jpg" />
									<img src="img/commodity-details/c18c5878853d16c76c3ca08437ef17f1.jpg" />
									<img src="img/commodity-details/59d08f66b75f546893df7d972be585f6.jpg" />
									<img src="img/commodity-details/1d704b525b933c1601ecfb692d4f9b09.jpg" />
									<img src="img/commodity-details/b29b54292678b52646336d20cc2ae425.jpg" />
									<img src="img/commodity-details/5d6cf3f39538f44a3bbec38dd9718c96.jpg" />
									<img src="img/commodity-details/13.jpg" />
									<img src="img/commodity-details/14.jpg" />
									<img src="img/commodity-details/15.jpg" />
									<img src="img/commodity-details/16.jpg" />
									<img src="img/commodity-details/17.jpg" />
									<img src="img/commodity-details/13.jpg" />
									<img src="img/commodity-details/14.jpg" />
									<img src="img/commodity-details/20.jpg" />
									<img src="img/commodity-details/21.jpg" />
									<img src="img/commodity-details/22.jpg" />
									<img src="img/commodity-details/23.jpg" />
									<img src="img/commodity-details/24.jpg" />
								</div>
							</div>

							<div class="num">
								<span class="swiper-pagination-current">1 </span> /
								<span class="swiper-pagination-total"> 24</span>
							</div>
						</div>
						<!-- 中间内容 -->
						<!-- <div class="APP-center-bottom"> -->
						<div class="bottom-two sign">
							<div class="price">
								<div class="price-s">
									<s>￥</s><span>5999</span>
								</div>
								<div class="price-k">
									<s>￥</s><span>6499</span>
								</div>
							</div>

							<div class="bottom-three">
								<div class="act-title">预计得600金币</div>
								<div class="act-title-right">更多</div>
							</div>

							<div class="label">
								<div class="label-s">Xiaomi 11 Ultra</div>
							</div>



							<div class="goods-brief fz-xs">
								「至高享24期免息；碎屏保、延保享8折优惠；+1元得200G云空间月卡；赠价值897元善诊体检套餐」</div>


							<div class="overview overview-sell-point">
								<div class="sell_point_desc fz-xs">
									<span class="imgs img1"></span><span>【专业影像】超级夜景相机+120x潜望式变焦</span>
								</div>
								<div class="sell_point_desc fz-xs">
									<span class="imgs img2"></span><span>【性能突破】全新骁龙888+LPDDR5+UFS 3.1</span>
								</div>
								<div class="sell_point_desc fz-xs">
									<span class="imgs img3"></span><span>【灵动小窗】背屏小窗，重要事件不延后</span>
								</div>
							</div>

							<div class="section">
								<span>
									<p>Xiaomi 11 Ultra 购机优选福利</p>
								</span>
							</div>

							<div class="roll-x">
								<div class="roll">
									<img src="img/commodity-details/f0c04e138bfed2b1ebb589de615236d1.png" />
									<span>CPU</span>
									<span>高通骁龙888</span>
								</div>

								<div class="roll">
									<img src="img/commodity-details/sxt.png" />
									<span>三摄像头</span>
									<span>5000万像素+4800万像素+4800万像素</span>
								</div>
								<div class="roll">
									<img src="img/commodity-details/cdp.png" />
									<span>超大屏</span>
									<span>6.81英寸</span>
								</div>

								<div class="roll">
									<img src="img/commodity-details/fbl.png" />
									<span>屏幕分辨率</span>
									<span>3200 × 1440像素</span>
								</div>

								<div class="roll">
									<img src="img/commodity-details/js.png" />
									<span>极速畅玩</span>
									<span>最高12GB</span>
								</div>



								<div class="roll">
									<img src="img/commodity-details/rl.png" />
									<span>存储容量</span>
									<span>最高512GB</span>
								</div>


								<div class="roll">
									<img src="img/commodity-details/hd.png" />
									<span>普通厚度</span>
									<span>8.38mm</span>
								</div>


								<div class="roll">
									<img src="img/commodity-details/dj.png" />
									<span>超长待机</span>
									<span>5000mAh</span>
								</div>


								<div class="roll">
									<img src="img/commodity-details/yyx.png" />
									<span>运营商网络</span>
									<span>双模5G全网通</span>
								</div>


								<div class="roll">
									<img src="img/commodity-details/ms.png" />
									<span>网络模式</span>
									<span>双卡双待</span>
								</div>
							</div>


							<div class="bottom-center">
								<div class="ranking-list">
									<img src="img/commodity-details/phb.png">
								</div>
								<div class="right-text">入选【手机直降热销榜】</div>
							</div>

							<div style="height:.3rem;background:rgb(246, 246, 246);"></div>
							<div class="box">
								<div class="section-detail" onclick="purchases()">
									<div class="select">
										已选
									</div>
									<div class="select-two">
										<div class="pro-name">Xiaomi 11 Ultra 12GB+256GB 陶瓷白&nbsp;x 1
										</div>

									</div>

								</div>

								<div class="section-detail">
									<div class="selectt">
										送至
									</div>
									<div class="selectt-two">
										<img src="img/commodity-details/dw.png" style="width: .5rem;">
										<div class="pro-name">北京市 东城区 <span>有现货</span></div>
										<span>明天14点前付款 , 预计后天送达</span>
									</div>
								</div>

								<div class="box-bottom">
									<div class="tj">
										<img src="img/commodity-details/d.png" style="height:.4rem">
										<span>小米自营</span>
									</div>
									<div class="tj">
										<img src="img/commodity-details/d.png" style="height:.4rem">
										<span>小米发货</span>
									</div>
									<div class="tj">
										<img src="img/commodity-details/d.png" style="height:.4rem">
										<span>7天无理由退货</span>
									</div>
								</div>

							</div>

							<div style="height:.3rem;background:rgb(246, 246, 246);"></div>

							<div class="box2">
								<div class="box2-header">
									<div class="box2-tj">推荐套餐</div>
								</div>
								<div class="box2-body">
									<div class="body-nr">
										<img src="img/commodity-details/eb69512d9d6430d865d457ec52eebb51.png"
											style="width:100%" />
										<span class="ks">Xiaomi 11 Ultra 12GB+256GB 陶瓷白</span>
										<span class="pr">￥5999</span>
									</div>

									<div class="plus">
										<span>+</span>
									</div>

									<div class="body-nr2">
										<img src="img/commodity-details/pms_1617033063.37453319.jpg"
											style="width:100%" />
										<span class="ks">小米80W无线充电座套装 白色</span>
										<span class="pr">￥99</span>
										<div><s>￥499</s></div>
										<div class="product-radio">
											<img src="img/commodity-details/icon-check-tc.9f54bdca96.png">
										</div>
									</div>
								</div>

								<div class="box-button">
									<div class="total-prices">
										<span class="total-to">总价</span>
										<span class="total-three">￥6098</span>
										<span><s>￥6498 </s>节省￥400</span>
									</div>
								</div>

								<div class="submit">
									<div>购买此套餐</div>&nbsp;
									<span> (2件商品)</span>
								</div>
							</div>

							<!-- 评价 -->
							<div class="evaluate-box  sign">
								<div class="evaluate">
									<div class="evaluate-ev">用户评价</div>
									<div class="hp">好评率98.2%</div>
								</div>

								<div class="evaluate-two">
									<div class="eva-two">拍照一流</div>
									<div class="eva-two">价格实惠</div>
									<div class="eva-two">颜值够高</div>
									<div class="eva-two">数度较快</div>
									<div class="eva-two">续航出色</div>
									<div class="eva-two">系统稳定</div>
								</div>


								<div class="evaluate-frame">

									<div>
										<div class="rolls">

											<div class="user-evaluate">
												<div class="user-img">
													<img src="img/commodity-details/user1.jpg" />
													<div class="date">
														<p>259*****31</p>
														<p class="sj">2021-11-5</p>
													</div>
												</div>
												<div class="user-e">
													运行速度:嘎嘎快<br>拍照效果:拍照效果不愧是小米中最顶级的手机，拍...
												</div>

												<div class="pz">
													<img src="img/commodity-details/wh.jpg" />
													<img src="img/commodity-details/wh2.jpg" />
													<img src="img/commodity-details/wh2.jpg" />
												</div>
											</div>


											<div class="user-evaluate">
												<div class="user-img">
													<img src="img/commodity-details/user1.jpg" />
													<div class="date">
														<p>259*****31</p>
														<p class="sj">2021-11-5</p>
													</div>
												</div>
												<div class="user-e">
													运行速度:嘎嘎快<br>拍照效果:拍照效果不愧是小米中最顶级的手机，拍...
												</div>

												<div class="pz">
													<img src="img/commodity-details/wh.jpg" />
													<img src="img/commodity-details/wh2.jpg" />
													<img src="img/commodity-details/wh2.jpg" />
												</div>
											</div>


											<div class="user-evaluate">
												<div class="user-img">
													<img src="img/commodity-details/user1.jpg" />
													<div class="date">
														<p>259*****31</p>
														<p class="sj">2021-11-5</p>
													</div>
												</div>
												<div class="user-e">
													运行速度:嘎嘎快<br>拍照效果:拍照效果不愧是小米中最顶级的手机，拍...
												</div>

												<div class="pz">
													<img src="img/commodity-details/wh.jpg" />
													<img src="img/commodity-details/wh2.jpg" />
													<img src="img/commodity-details/wh2.jpg" />
												</div>
											</div>

											<div class="gd">
												查看全部
												<img src="img/commodity-details/you.png" />
											</div>

										</div>
									</div>
								</div>
							</div>

							<div style="height:.3rem;background:rgb(246, 246, 246);"></div>
							<!-- 米粉点评团 -->
							<div class="mi-powder-dp">
								<div class="dp">
									<div>米粉点评团</div>
								</div>
								<div class="null">这里什么都没有</div>
							</div>

							<!-- 轮播2 -->
							<div class="advertising">
								<div class="adve">
									<div class="advertising-roll">
										<img src="img/commodity-details/rb1.jpg" />
										<img src="img/commodity-details/rb2.png" />

										<img src="img/commodity-details/rb3.jpg" />

										<img src="img/commodity-details/rb4.png" />

										<img src="img/commodity-details/rb5.jpg" />

										<img src="img/commodity-details/rb6.jpg" />

										<img src="img/commodity-details/rb7.png" />

										<img src="img/commodity-details/rb8.jpeg" />

									</div>
									<div data-v-0aaff645=""
										class="swiper-pagination swiperAds-pagination swiper-pagination-custom">
										<div class="swiper"
											style="display:flex;position:absolute;height0.08rem;border-radius:.03rem;left:50%;transform:translateX(-50%);background:rgba(255,255,255,0.3);">
											<span class="swiper-pagination-progressbars"></span>
											<span class="swiper-pagination-progressbar"></span>
											<span class="swiper-pagination-progressbar"></span>
											<span class="swiper-pagination-progressbar"></span>
											<span class="swiper-pagination-progressbar"></span>
											<span class="swiper-pagination-progressbar"></span>
											<span class="swiper-pagination-progressbar"></span>
											<span class="swiper-pagination-progressbar"></span>
										</div>
									</div>
								</div>
							</div>


							<!-- 推荐 -->
							<div class="recommend-box">
								<div class="nav-recommend">
									<span class="ava">商品推荐</span>
									<span>爆款推荐</span>
								</div>

								<div class="recommend-total">



									<div>

										<div class="recommend-to">
											<div class="recommend-rolls">
												<div class="recommend-a">
													<div class="recommend-img">
														<img src="img/commodity-details/stj1.png" />
													</div>
													<div class="product-name">探索·未来全面屏</div>
													<span class="total-three1">￥4199 起 <span>￥4999</span></span>
												</div>

												<div class="recommend-a">
													<div class="recommend-img">
														<img src="img/commodity-details/stj2.png" />
													</div>
													<div class="product-name">骁龙888 | 120W极速闪充</div>
													<span class="total-three1">￥3999 起 <span>￥3999</span></span>
												</div>

												<div class="recommend-a">
													<div class="recommend-img">
														<img src="img/commodity-details/stj3.png" />
													</div>
													<div class="product-name">史上最强小金刚</div>
													<span class="total-three1">￥1899 起 <span>￥1999</span></span>
												</div>

												<div class="recommend-a">
													<div class="recommend-img">
														<img src="img/commodity-details/stj5.png" />
													</div>
													<div class="product-name">Xiaomi 11 Pro，全能安卓机王</div>

													<span class="total-three1">￥3999 起 <span>￥4999</span></span>
												</div>

												<div class="recommend-a">
													<div class="recommend-img">
														<img src="img/commodity-details/stj4.png" />
													</div>
													<div class="product-name">史上最强小金刚</div>
													<span class="total-three1">￥1599 起 <span>￥1799</span></span>
												</div>

												<div class="recommend-a">
													<div class="recommend-img">
														<img src="img/commodity-details/stj6.png" />
													</div>
													<div class="product-name">Xiaomi 10S，实力派影音旗舰</div>
													<span class="total-three1">￥2699 起 <span>￥3299</span></span>
												</div>
											</div>


											<div class="recommend-rolls">
												<div class="recommend-a">
													<div class="recommend-img">
														<img src="img/commodity-details/stj21.png" />
													</div>
													<div class="product-name">Xiaomi 11，骁龙888 轻薄旗舰</div>
													<span class="total-three1">￥3499 起 <span>￥3799</span></span>
												</div>

												<div class="recommend-a">
													<div class="recommend-img">
														<img src="img/commodity-details/stj22.png" />
													</div>
													<div class="product-name">进化出击，极速闪充，前所未有的游戏体验</div>
													<span class="total-three1">￥2699 起 <span>￥2699</span></span>
												</div>

												<div class="recommend-a">
													<div class="recommend-img">
														<img src="img/commodity-details/stj23.png" />
													</div>
													<div class="product-name">这枚指尖上跃动的精灵，为你倾心奉上</div>
													<span class="total-three1">￥2599 起 <span>￥2599</span></span>
												</div>

												<div class="recommend-a">
													<div class="recommend-img">
														<img src="img/commodity-details/stj24.png" />
													</div>
													<div class="product-name">第十代小金刚 十全十美</div>
													<span class="total-three1">￥1499 起 <span>￥1699</span></span>
												</div>

												<div class="recommend-a">
													<div class="recommend-img">
														<img src="img/commodity-details/stj25.png" />
													</div>
													<div class="product-name">全球亿万用户的期待--小金刚</div>
													<span class="total-three1">￥1399 起 <span>￥1599</span></span>
												</div>

												<div class="recommend-a">
													<div class="recommend-img">
														<img src="img/commodity-details/stj26.png" />
													</div>
													<div class="product-name">Redmi开年大作，有点狠的真旗舰</div>
													<span class="total-three1">￥1999 起 <span>￥1999</span></span>
												</div>
											</div>



											<div class="recommend-rolls">
												<div class="recommend-a">
													<div class="recommend-img">
														<img src="img/commodity-details/stj31.png" />
													</div>
													<div class="product-name">Redmi Note 9 5G，高性能长续航 5G 手机</div>
													<span class="total-three1">￥1149 起 <span>￥1299</span></span>
												</div>

												<div class="recommend-a">
													<div class="recommend-img">
														<img src="img/commodity-details/stj32.png" />
													</div>
													<div class="product-name">轻薄得不像「硬核游戏手机」</div>
													<span class="total-three1">￥1899 起 <span>￥1999</span></span>
												</div>

												<div class="recommend-a">
													<div class="recommend-img">
														<img src="img/commodity-details/stj33.png" />
													</div>
													<div class="product-name">Redmi 9A 护眼大屏长续航 极具性价比入门机 </div>
													<span class="total-three1">￥599 起 <span>￥599</span></span>
												</div>

												<div class="recommend-a">
													<div class="recommend-img">
														<img src="img/commodity-details/stj34.png" />
													</div>
													<div class="product-name">5G手机体验大升级</div>
													<span class="total-three1">￥1199 起 <span>￥1199</span></span>
												</div>

												<div class="recommend-a">
													<div class="recommend-img">
														<img src="img/commodity-details/stj35.png" />
													</div>
													<div class="product-name">5G小金刚，旗舰长续航</div>
													<span class="total-three1">￥1099 起 <span>￥1099</span></span>
												</div>

												<div class="recommend-a">
													<div class="recommend-img">
														<img src="img/commodity-details/stj36.png" />
													</div>
													<div class="product-name">MIX FOLD，开启科技未来</div>
													<span class="total-three1">￥7499 起 <span>￥9999</span></span>
												</div>
											</div>



											<div class="recommend-rolls">
												<div class="recommend-a">
													<div class="recommend-img">
														<img src="img/commodity-details/stj41.png" />
													</div>
													<div class="product-name">Redmi Note 9 4G，6000mAh大电量，难得轻盈</div>
													<span class="total-three1">￥899 起 <span>￥999</span></span>
												</div>

												<div class="recommend-a">
													<div class="recommend-img">
														<img src="img/commodity-details/stj42.png" />
													</div>
													<div class="product-name">Redmi Note 9 4G，6000mAh大电量，难得轻盈</div>
													<span class="total-three1">￥2499 起 <span>￥2799</span></span>
												</div>

												<div class="recommend-a">
													<div class="recommend-img">
														<img src="img/commodity-details/stj43.png" />
													</div>
													<div class="product-name">超感视觉，极速闪充，前所未有的游戏体验</div>
													<span class="total-three1">￥2499 起 <span>￥2499</span></span>
												</div>

												<div class="recommend-a">
													<div class="recommend-img">
														<img src="img/commodity-details/stj44.png" />
													</div>
													<div class="product-name">集齐你所有关于青春的幻想</div>
													<span class="total-three1">￥1999 起 <span>￥2299</span></span>
												</div>

												<div class="recommend-a">
													<div class="recommend-img">
														<img src="img/commodity-details/stj45.png" />
													</div>
													<div class="product-name">一贴既冷</div>
													<span class="total-three1">￥229 起 <span>￥249</span></span>
												</div>

												<div class="recommend-a">
													<div class="recommend-img">
														<img src="img/commodity-details/stj46.png" />
													</div>
													<div class="product-name">采用GaN功率管，电源转换效率更高</div>
													<span class="total-three1">￥299</span>
												</div>
											</div>


										</div>

										<div class="recommend-to" style="display: none;">
											<div class="recommend-rolls">
												<div class="recommend-a">
													<div class="recommend-img1">
														<img src="img/commodity-details/btj1.webp" />
													</div>
													<div class="product-name">Redmi k40</div>
													<span class="total-three1">￥1999 起 <span>￥1999</span></span>
												</div>

												<div class="recommend-a">
													<div class="recommend-img1">
														<img src="img/commodity-details/btj2.webp" />
													</div>
													<div class="product-name">Redmi 9A</div>
													<span class="total-three1">￥599 起 <span>￥599</span></span>
												</div>

												<div class="recommend-a">
													<div class="recommend-img1">
														<img src="img/commodity-details/btj3.webp" />
													</div>
													<div class="product-name">Redmi Note 10 5G</div>
													<span class="total-three1">￥1099 起 <span>￥1099</span></span>
												</div>

												<div class="recommend-a">
													<div class="recommend-img1">
														<img src="img/commodity-details/btj4.webp" />
													</div>
													<div class="product-name">Xiaomi 10S</div>

													<span class="total-three1">￥2699 起 <span>￥3299</span></span>
												</div>

												<div class="recommend-a">
													<div class="recommend-img1">
														<img src="img/commodity-details/btj5.webp" />
													</div>
													<div class="product-name">MIX FOLD折叠屏手机</div>
													<span class="total-three1">￥7499 起 <span>￥9999</span></span>
												</div>

												<div class="recommend-a">
													<div class="recommend-img1">
														<img src="img/commodity-details/btj6.webp" />
													</div>
													<div class="product-name">Xiaomi 10Pro</div>
													<span class="total-three1">￥3999 起 <span>￥4999</span></span>
												</div>
											</div>

										</div>

									</div>
								</div>

							</div>
						</div>

						<div style="height:.3rem;background:rgb(246, 246, 246);"></div>


						<!-- 商品介绍 -->
						<div class="description-view sign">
							<div class="space-top">
								<div class="header-view">
									<span class="avb">商品介绍</span>
									<span>规则参数</span>
								</div>

								<!-- 介绍 -->
								<div class="description-bottom js-sm">
									<img src="img/commodity-details/bottom1.png" />
									<img src="img/commodity-details/bottom2.jpg" />
									<img src="img/commodity-details/bottom3.jpg" />
									<img src="img/commodity-details/bottom4.jpg" />
									<img src="img/commodity-details/bottom5.jpg" />
									<img src="img/commodity-details/bottom6.jpg" />
									<img src="img/commodity-details/bottom7.jpg" />
									<img src="img/commodity-details/bottom8.jpg" />
									<img src="img/commodity-details/bottom9.jpg" />
									<img src="img/commodity-details/bottom10.jpg" />
									<img src="img/commodity-details/bottom11.jpg" />
									<img src="img/commodity-details/bottom12.jpg" />
									<img src="img/commodity-details/bottom13.jpg" />
									<img src="img/commodity-details/bottom14.jpg" />
									<img src="img/commodity-details/bottom15.jpg" />
									<img src="img/commodity-details/bottom16.jpg" />
									<img src="img/commodity-details/bottom17.jpg" />
									<img src="img/commodity-details/bottom18.jpg" />
									<img src="img/commodity-details/bottom19.jpg" />
									<img src="img/commodity-details/bottom20.jpg" />
									<img src="img/commodity-details/bottom21.jpg" />
									<img src="img/commodity-details/bottom22.jpg" />
									<img src="img/commodity-details/bottom23.jpg" />
									<img src="img/commodity-details/bottom24.jpg" />
									<img src="img/commodity-details/bottom25.jpg" />
									<img src="img/commodity-details/bottom26.jpg" />
									<img src="img/commodity-details/bottom27.jpg" />

									<div class="rb">
										<div>
											<div class="rbs  rb1">
												<img src="img/commodity-details/bottom28.jpg" />
												<img src="img/commodity-details/bottom29.jpg" />
											</div>
										</div>
										<div class="swiper-pagination-bullets spb1">
											<span class="swiper-pagination-bullet"></span>
											<span
												class="swiper-pagination-bullet swiper-pagination-bullet-active"></span>
										</div>
									</div>

									<img src="img/commodity-details/bottom30.jpg" />
									<img src="img/commodity-details/bottom31.jpg" />

									<div class="rb">
										<div>
											<div class="rbs  rb2">
												<img src="img/commodity-details/bottom32.jpg" />
												<img src="img/commodity-details/bottom33.jpg" />
												<img src="img/commodity-details/bottom34.jpg" />
												<img src="img/commodity-details/bottom35.jpg" />
											</div>
										</div>
										<div class="swiper-pagination-bullets spb2">
											<span class="swiper-pagination-bullet"></span>
											<span
												class="swiper-pagination-bullet swiper-pagination-bullet-active"></span>
											<span
												class="swiper-pagination-bullet swiper-pagination-bullet-active"></span>
											<span
												class="swiper-pagination-bullet swiper-pagination-bullet-active"></span>
										</div>
									</div>


									<img src="img/commodity-details/bottom36.jpg" />
									<img src="img/commodity-details/bottom37.jpg" />
									<img src="img/commodity-details/bottom38.jpg" />
									<img src="img/commodity-details/bottom39.jpg" />
									<img src="img/commodity-details/bottom40.jpg" />
									<img src="img/commodity-details/bottom41.jpg" />
									<img src="img/commodity-details/bottom42.jpg" />
									<img src="img/commodity-details/bottom43.jpg" />
									<img src="img/commodity-details/bottom44.jpg" />
									<img src="img/commodity-details/bottom45.jpg" />
									<img src="img/commodity-details/bottom46.jpg" />
									<img src="img/commodity-details/bottom47.jpeg" />
									<img src="img/commodity-details/bottom48.jpeg" />
									<img src="img/commodity-details/bottom49.jpg" />
									<img src="img/commodity-details/bottom50.jpg" />
									<img src="img/commodity-details/bottom51.jpg" />
									<img src="img/commodity-details/bottom52.jpg" />
									<img src="img/commodity-details/bottom53.jpg" />
									<img src="img/commodity-details/bottom54.jpg" />
									<img src="img/commodity-details/bottom55.jpg" />
									<img src="img/commodity-details/bottom56.jpg" />
									<img src="img/commodity-details/bottom57.jpg" />
									<img src="img/commodity-details/bottom58.jpg" />
									<img src="img/commodity-details/bottom59.jpg" />
									<img src="img/commodity-details/bottom60.jpg" />
									<img src="img/commodity-details/bottom61.jpg" />
									<img src="img/commodity-details/bottom62.jpg" />

									<div class="rb">
										<div>
											<div class="rbs  rb3">
												<img src="img/commodity-details/bottom63.jpg" />
												<img src="img/commodity-details/bottom64.jpg" />
												<img src="img/commodity-details/bottom65.jpg" />
												<img src="img/commodity-details/bottom66.jpg" />
											</div>
										</div>
										<div class="swiper-pagination-bullets spb3">
											<span class="swiper-pagination-bullet"></span>
											<span
												class="swiper-pagination-bullet swiper-pagination-bullet-active"></span>
											<span
												class="swiper-pagination-bullet swiper-pagination-bullet-active"></span>
											<span
												class="swiper-pagination-bullet swiper-pagination-bullet-active"></span>
										</div>
									</div>
									<img src="img/commodity-details/bottom67.jpg" />
									<img src="img/commodity-details/bottom68.png" />

								</div>

								<!-- 规格 -->
								<div class="description-bottom js-gg" style="display: none;">
									<img src="img/commodity-details/gg1.jpg" />
									<img src="img/commodity-details/gg2.jpg" />
									<img src="img/commodity-details/gg3.jpg" />
									<img src="img/commodity-details/gg4.jpg" />
									<img src="img/commodity-details/gg5.jpg" />
									<img src="img/commodity-details/gg6.jpg" />
									<img src="img/commodity-details/gg7.jpg" />
									<img src="img/commodity-details/gg8.jpg" />
									<img src="img/commodity-details/gg9.jpg" />
									<img src="img/commodity-details/gg10.jpg" />
									<img src="img/commodity-details/gg11.jpg" />
									<img src="img/commodity-details/gg12.jpg" />
									<img src="img/commodity-details/gg13.jpg" />
									<img src="img/commodity-details/gg14.jpg" />
									<img src="img/commodity-details/gg15.jpg" />
									<img src="img/commodity-details/gg16.jpg" />
									<img src="img/commodity-details/gg17.jpg" />

								</div>

							</div>
						</div>
						<!-- 						</div> -->

						<!-- 展示区 -->
						<div class="goods-show sign">
							<img src="img/shopping-trolley/3f00943bf04702405b8e8bc9f404a9f6.png" style="width: 100%;" />

							<div class="show">
								<div class="goods-items">
									<img src="img/shopping-trolley/f5bf3ee130dd597cbb40d2fe0e2a6958.jpg" />
									<div class="goods-price">
										<span>米家智能浴霸Pro</span>
										<div class="price">￥649 <s>￥699</s></div>

									</div>
								</div>

								<div class="goods-items">
									<img src="img/shopping-trolley/24d83fd2f53cc48f55b85e8b34f2a652.jpg" />
									<div class="goods-price">
										<span>Redmi 9A</span>
										<div class="price">￥599</div>

									</div>
								</div>

								<div class="goods-items">
									<img src="img/shopping-trolley/2d2becd2e9b8497e65020084bd38c43e.jpg" />
									<div class="goods-price">
										<span>米家指甲刀五件套</span>
										<div class="price">￥39.9</div>

									</div>
								</div>

								<div class="goods-items">
									<img src="img/shopping-trolley/57c2ba7d0436479261f7798cbd118350.jpg" />
									<div class="goods-price">
										<span>米家迷你保温杯</span>
										<div class="price">￥49</div>

									</div>
								</div>


								<div class="goods-items">
									<img src="img/shopping-trolley/26d19e55734e5310df09e382f7d16668.jpg">
									<div class="goods-price">
										<span>米家电动剃须刀</span>
										<div class="price">￥59.9<s> ￥79</s></div>

									</div>
								</div>

								<div class="goods-items">
									<img src="img/shopping-trolley/d354b0b380c0d6ffe9a1c4aed4075899.jpg" />
									<div class="goods-price">
										<span>米家毛球修剪器</span>
										<div class="price">￥39.9</div>

									</div>
								</div>


								<div class="goods-items">
									<img src="img/shopping-trolley/3dfdcad74106dd2d8396b86480e28b3b.jpg" />
									<div class="goods-price">
										<span>米家防飞溅指甲刀</span>
										<div class="price">￥9.9</div>

									</div>
								</div>

								<div class="goods-items">
									<img src="img/shopping-trolley/762ceace734fd7afdb6d79f7d050d559.jpg" />
									<div class="goods-price">
										<span>七号彩虹电池 (10粒)</span>
										<div class="price">￥9.9</div>

									</div>
								</div>


								<div class="goods-items">
									<img src="img/shopping-trolley/8282b858f91fac92aa30be6999335e9f.jpg" />
									<div class="goods-price">
										<span>Redmi 手表 2</span>
										<div class="price">￥399</div>

									</div>
								</div>


								<div class="goods-items">
									<img src="img/shopping-trolley/ac1e5e5e51feb6ec4b545fcd43a01f22.jpg" />
									<div class="goods-price">
										<span>Redmi AirDots 3真无线蓝牙耳机</span>
										<div class="price">￥199</div>

									</div>
								</div>


								<div class="goods-items">
									<img src="img/shopping-trolley/93669c8aa5f7da6e75b418d16c4e5448.jpg" />
									<div class="goods-price">
										<span>Xiaomi 11 青春版</span>
										<div class="price">￥1999 <s> ￥2299</s></div>

									</div>
								</div>


								<div class="goods-items">
									<img src="img/shopping-trolley/3260c6704f217b62a14182e24833f459.jpg" />
									<div class="goods-price">
										<span>5号彩虹电池 (10粒)</span>
										<div class="price">￥9.9</div>

									</div>
								</div>


								<div class="goods-items">
									<img src="img/shopping-trolley/46b0367de40432cb1c46764514f6df95.jpg" />
									<div class="goods-price">
										<span>米家电动剃须刀S300</span>
										<div class="price">￥89 <s> ￥99</s></div>

									</div>
								</div>


								<div class="goods-items">
									<img src="img/shopping-trolley/873031dfecdb83fcd966ea01478c92a0.jpg" />
									<div class="goods-price">
										<span>小米WiFi放大器 Pro</span>
										<div class="price">￥59 </div>

									</div>
								</div>




								<div class="goods-items">
									<img src="img/shopping-trolley/77b74d1cc64aa15aa215524cd7bbef65.jpg" />
									<div class="goods-price">
										<span>Node9 4G</span>
										<div class="price">￥899 <s> ￥999</s></div>

									</div>
								</div>


								<div class="goods-items">
									<img src="img/shopping-trolley/3e609cbf343ab8e24d52454d04f5fdca.jpg" />
									<div class="goods-price">
										<span>小米移动电源3 10000mAh</span>
										<div class="price">￥69 <s> ￥79</s></div>

									</div>
								</div>




								<div class="goods-items">
									<img src="img/shopping-trolley/0f7daf198ff627a0ac107923ba16ddab.jpg" />
									<div class="goods-price">
										<span>米家护颈记忆棉枕</span>
										<div class="price">￥79</div>

									</div>
								</div>


								<div class="goods-items">
									<img src="img/shopping-trolley/504eb7338609578cf23f6aeaf4b6650b.jpg" />
									<div class="goods-price">
										<span>米家自动香氛机套装</span>
										<div class="price">￥79 </div>

									</div>
								</div>



								<div class="goods-items">
									<img src="img/shopping-trolley/9807d64bb91ffd5bcd94d723b6024f09.jpg" />
									<div class="goods-price">
										<span>米家电动剃须刀S300</span>
										<div class="price">￥89 <s> ￥99</s></div>

									</div>
								</div>


								<div class="goods-items">
									<img src="img/shopping-trolley/3eead59acc600bf06eb38899a08bfa09.jpg" />
									<div class="goods-price">
										<span>小米移动电源3 20000mAh</span>
										<div class="price">￥109 <s> ￥129</s> </div>

									</div>
								</div>


								<div style="width:100%;height:1rem;"></div>
							</div>

						</div>
						<div style="height:1.5rem;"></div>
					</div>

				</div>

			</div>


			<div class="App-bottom">
				<div class="bottom-margin">
					<div class="sy-button">
						<a href="mi.html">
							<div class="sy">
								<img src="img/sytb2.png">
								<span>首页</span>
							</div>
						</a>
						<div class="sy2">
							<img src="img/commodity-details/kf.png"
								style="width:.95rem;height:.95rem;margin-top:-.17rem">
							<span>客服</span>
						</div>

						<a href="shopping-trolley.html">
							<div class="sy">
								<img src="img/gw.png">
								<span>购物车</span>
								<em class="bubble">1</em>
							</div>
						</a>
					</div>

					<div class="bottom-submit">
						<div class="bottom-buy" onclick="purchase()">加入购物车</div>
						<div class="bottom-buyto" onclick="purchase()">立即购买</div>
					</div>
				</div>
			</div>

			<div class="fixed-br" style="display: none;">
				<a id="top"><img src="img/top.451d650ecd.png"></a>
			</div>
		</div>
	</body>
	<script src="js/commodity-details.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/util.js" type="text/javascript" charset="utf-8"></script>
</html>
